@mixin icon-theme($color) {
  color: $color;
}

@font-face {
  font-family: "dragonicon";
  src: url('#{$base-icon-url}.eot');
  src: url('#{$base-icon-url}.eot?#iefix') format('embedded-opentype'),
    url('#{$base-icon-url}.woff') format('woff'),
    url('#{$base-icon-url}.ttf') format('truetype'),
    url('#{$base-icon-url}.svg#dragonicon') format('svg');
}

.ui-icon {
  font-family: "dragonicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;*/
  -moz-osx-font-smoothing: grayscale;

  /*&.theme-default {
    @include icon-theme($theme-default);
  }*/
  &.theme-info {
    @include icon-theme($base-theme-info);
  }
  &.theme-success {
    @include icon-theme($base-theme-success);
  }
  &.theme-warning {
    @include icon-theme($base-theme-warning);
  }
  &.theme-error {
    @include icon-theme($base-theme-error);
  }
}

.ui-icon-arrow-top:before { content: "\e60e"; }
.ui-icon-arrow-bottom:before { content: "\e60f"; }
.ui-icon-arrow-left:before { content: "\e610"; }
.ui-icon-arrow-right:before { content: "\e611"; }
.ui-icon-warning-round-fill:before { content: "\e616"; }
.ui-icon-warning-round:before { content: "\e617"; }
.ui-icon-date:before { content: "\e618"; }
.ui-icon-loading:before { content: "\e61a"; }
.ui-icon-right-square-fill:before { content: "\e600"; }
.ui-icon-right-square:before { content: "\e601"; }
.ui-icon-wrong:before { content: "\e602"; }
.ui-icon-wrong-round-fill:before { content: "\e603"; }
.ui-icon-wrong-round:before { content: "\e604"; }
.ui-icon-add-round:before { content: "\e605"; }
.ui-icon-add:before { content: "\e606"; }
.ui-icon-add-round-fill:before { content: "\e607"; }
.ui-icon-minus:before { content: "\e608"; }
.ui-icon-info-round-fill:before { content: "\e609"; }
.ui-icon-info-round:before { content: "\e60a"; }
.ui-icon-question-round-fill:before { content: "\e60b"; }
.ui-icon-question-round:before { content: "\e60c"; }
.ui-icon-right:before { content: "\e60d"; }
.ui-icon-right-round-fill:before { content: "\e612"; }
.ui-icon-right-round:before { content: "\e613"; }
.ui-icon-minus-round-fill:before { content: "\e614"; }
.ui-icon-required:before { content: "\e619"; }
.ui-icon-minus-round:before { content: "\e615"; }

